<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 

<html>
	
<head>
<title>greener.edit</title>
<script type="text/javascript" src="js/mootools.js"></script>
<script type="text/javascript" src="js/ggedit.js"></script>
<script type="text/javascript">
// <![CDATA[

window.addEvent('load', function() {
	var editor1 = new Editor();
	editor1.render($('editor-container-1'));	
	
	var editor2 = new Editor();
	editor2.render($('editor-container-2'));	
});

// ]]>
</script>
</head>

<body>
	<div style="float: left; clear: left;">
		<span style="font: normal 12px 'Trebuchet MS';">Default Editor</span><br/>
		<div id="editor-container-1" style="width: 500px; height: 300px;"></div>
	</div>
	<div style="float: left; clear: left;">
		<span style="font: normal 12px 'Trebuchet MS';">Custom Editor</span><br/>
		<div id="editor-container-2" style="width: 500px; height: 300px;"></div>
	</div>
</body>

</html>
